*{
    padding:0;
    margin:0;
}
li{
    list-style:none;
}
.box{
    width:100%;
    background:#fff;
    padding:2em 0;
    margin-bottom:0.8em;
    box-shadow: 0 1px 3px #B7C3D2;
}
.myForm,.infoList{
     width:60%;
     margin:0 auto;
 }
.myForm{
    height:34px;
}
.myForm input,.myForm #toSearch{
    height:inherit;
    border:1px solid #ccc;
}
.myForm input{
    padding:6px 12px;
    width:90%;
    border-right:none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.myForm input:focus{
    border-color:#81bff0;
    box-shadow:0 1px 3px #81bff0;
}
.myForm input:focus #toSearch{
    border-color:#81bff0;
    box-shadow:0 1px 3px #81bff0;
}
.myForm #toSearch{
    float:right;
    width:10%;
    line-height:34px;
    background-color:#d0d0d0;
    border-left:none;
    text-align:center;
    vertical-align:middle;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    font-size:1.2em;
    color:white;
}
.myForm #toSearch:hover{
    cursor:pointer;
}
.infoList{
    position:relative;
}
.infoList ul{
    width:90%;
    position:absolute;
    z-index:99;
    border:1px solid #ccc;
    background-color:#fff;
    display:none;
 }
.infoList ul.tipInfo,.tips.tipInfo{
    color:red;
    font-size:0.8em;
    border:none;
    display:block;
}
.infoList ul.tipList{
    color:#7D7D7D;
    font-size:1em;
    border:1px solid #ccc;
    display:block;
}
.infoList ul.hide{
    display:none;
}
.infoList ul li{
    padding:3px 0 3px 12px;
}
.infoList ul li .pregnancyWeek{
    display:none;
}
.infoList ul li .followQueueName{
    /* display:none; */
}
.infoList ul li:hover{
    background-color:#EEE;
    cursor:pointer;
}

/**底部框**/
.addInfo{
    padding-bottom:0.8em;
}
.addInfo>div{
    float:left;
    min-height: 300px;
    padding:1.2em 0;
    background-color:#fff;
    box-shadow: 0 1px 3px #B7C3D2;
}
.addInfo>div:nth-child(1){
    position:relative;
    width:39.2%;
    margin-right:0.8%;
}
.addInfo>div:nth-child(1)>i{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-28px;
    margin-left:-20px;
    font-size:4em;
    color:#828587;
}
.addInfo>div:nth-child(2){
    width:60%;
    min-height: 300px;
}
.addInfo>div:nth-child(1)>p:nth-child(1){
    font-size:1.6em;
}
.addInfo>div:nth-child(1)>p{
    padding-left:35%;
    color:#828587;
}
.addInfo>div:nth-child(1)>p span{
    color:#607d8b;
}
.addInfo>div:nth-child(1)>p i{
    margin-right:0.3em;
}
.infoForm .form-group label{
    color:#607d8b;
    font-weight:200;
    line-height: 34px;
}
.control-label {
    padding-top: 0px !important;
}
.infoForm button{
    width:30%;
    background-color:#5bc0de;
    border-color:#5bc0de;
    color:#fff;
}
.infoForm button.btn-default:focus,.infoForm button.btn-default:hover{
    width:30%;
    background-color:#5bc0de;
    border-color:#5bc0de;
    color:#fff;
}
.tips{
    position:absolute;
    bottom:-18px;
}


/**
 * 2020.12.25
 * 香港大学深圳医院 生长发育 输入改款
 * allen
*/
.infoForm .form-h1 {
    font-size: 16px;
    color: #324D59;
    line-height: 23px;
    margin-bottom: 20px;
}
.infoForm .form-h1 p {
    display: block;
    text-align: left;
    box-sizing: border-box;
    padding-left: 25px;
}
.infoForm .form-h1 p span {
    color: #58B8C2;
}
.infoForm .form-group label span {
    width: 3px;
    height: 21px;
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
    margin-top: 7px;
}
.infoForm .translate {
    text-align: center;
    font-size: 20px;
}